<%
var head = {
include("/front/layout/head.html"){}
};
var body = {

include("/front/layout/header.html"){}
%>

<div class="section fade-in" id="index-banner" style="display: block; opacity: 1;">
    <div class="container">
        <div class="row">
            <div class="col s12 m12 l8">
                <ul id="article_list" class="collection with-header z-depth-1">
                    <div class="collapsible-header indigo-text text-darken-4"> 文章列表&nbsp;|&nbsp;List</div>
                    <%
                        for(var article in page.list){
                    %>
                    <li class="collection-item">
                        <a href="/article/detail/${article.id!}.html" class=" waves-effect waves-light">${article.title!}</a>
                        <p>${article.intro!}</p>
                    </li>
                    <%
                        }
                    %>
                </ul>
                <ul class="pagination">
                    <%
                    for(var i = 1; i <= page.totalPage; i++){
                        if(i == page.pageNumber){
                    %>
                    <li class="active"><a href="/article/${i}-10.html">${i}</a></li>
                    <%
                        } else {
                    %>
                    <li class="waves-effect waves-light"><a href="/article/${i}-10.html">${i}</a></li>
                    <%
                        }
                    }
                    %>
                </ul>
            </div>
            <div class="col s12 m12 l4">
                <%
                    include("/front/layout/right.html"){}
                %>
            </div>
        </div>
    </div>
</div>

<!--footer-->
<%
include("/front/layout/footer.html"){}
%>
<!--javascript-->
<script src="/assets/js/jq/jquery-1.11.3.js"></script>
<script src="/assets/materialize/js/materialize.min.js"></script>
<script src="/assets/js/client.js"></script>
<script type="text/javascript" src="/assets/js/goto.js"></script>
<script>
    $(document).ready(function () {
        $(".button-collapse").sideNav();
        layout_right.load_last_article_list();
        layout_right.load_hot_article_list();
        link.init_link_list();
    });
</script>
<%
};
layout("/front/layout/_layout.html",{head:head,body:body}){}
%>